import { TitleBar } from '@/common/components/TitleBar'

const { ipcRenderer } = window.electron

export default defineComponent({
  setup() {
    const handleSend = () => {
      ipcRenderer.send('create', {
        id: valueRef.value,
      })
    }

    const valueRef = ref('')

    return () => (
      <div class="un-h-100vh un-flex un-flex-col un-bg-#fff">
        <TitleBar>视频联动</TitleBar>
        <div class="un-flex-1 un-flex un-items-center un-justify-center un-px-60px">
          <NButton onClick={handleSend} round size="large" block type="primary" class="un-mt-12px">
            连接
          </NButton>
        </div>
      </div>
    )
  },
})
